<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link
	href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"
	rel="stylesheet">
<!-- 可选的Bootstrap主题文件（一般不使用） -->
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap-theme.min.css"></script>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script
	src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script
	src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<title>Welcome</title>

<style type="text/css">
#header {
	width: 100%;
	height: 50px;
	position: fixed;
	right: 50px;
	top: 20px;
}

#footer {
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 10px;
}
</style>

<script>
	function login() {
		var th = document.loginform;

		if (th.user_phone.value == "") {
			alert("手机号不能为空！");
			th.user_phone.focus();
			return;
		}
		if (th.user_password.value == "") {
			alert("密码不能为空！");
			th.user_password.focus();
			return;
		}

		th.action = "/cats_dogs/login";
		th.submit();
	}
</script>


</head>
<body>
<body background="./images/login.jpg">
	<br>
	<div id="header">
		<a href="/cats_dogs/about_us.jsp" style="float: right">关于我们</a>
	</div>
	<br>
	<p align="center" style="font-size: 40px; color: black;">
		<strong>猫狗之家</strong>
	</p>
	<br>
	<br>
	<br>
	<br>

	<!-- background_color -->
	<div
		style="text-align: center; background: #FCFCFC; border-collapse: separate; border-spacing: 0px 15px; border: 2px solid #8AC007; border-radius: 30px; margin-left: 30%; margin-right: 30%; filter: alpha(Opacity = 60); -moz-opacity: 0.6; opacity: 0.6">


		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span12">
					<form class="form-horizontal" name="loginform" method="post">
						<div>
							<p align="center" style="font-size: 20px; color: black;">
								<strong>用户登录</strong>
							</p>
						</div>
						<div class="control-group">
							<label class="control-label" for="user_phone">手机号:</label>
							<div class="controls">
								<input name="user_phone" type="text" value=${ user_phone}>
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="user_password">密 码:</label>
							<div class="controls">
								<input name="user_password" type="password" value=${ user_password}>
							</div>
						</div>
						<div class="control-group">
							<div class="controls">
								</br>
								<button type="submit" class="btn btn-primary " onclick="login()">登陆</button>
								<a class='btn btn-primary ' href="/cats_dogs/register.jsp">没有账号，注册一个</a>
							</div>
						</div>
					</form>
					${msg}
				</div>
			</div>
		</div>
	</div>

	<div id="footer">
		<p align="center" ;style="font-size: 1px;">
			@2017 红领巾 <a href="http://iss.whu.edu.cn/">武汉大学国际软件学院</a><br>
			@一切解释权归范盼阳小队所有
		</p>
	</div>
</body>
</html>